@import './vm';
@import './common';

header {
    .menu {
        position: absolute;
        left: vw(22);
        top: vw(34);
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        align-content: space-between;
        width: vw(30);
        height: vw(23);

        .line {
            width: 100%;
            height: vw(4);
            background-color: #fff;
        }

        .message {
            position: absolute;
            right: vw(-13);
            top: vw(-13);
            width: vw(26);
            height: vw(26);
            border-radius: 50%;
            background-color: #f00;
            color: #fff;
            font-size: vw(8);
            text-align: center;
            line-height: vw(26);
        }
    }

}

.content {
    position: relative;
    // margin-bottom: vW(96);
    padding: vw(132) 0 0;
    height: 100vh;
    overflow-y: scroll;
    // box-sizing: border-box;
    z-index: 0;

    &::after {
        height: vw(96);
        content: '';
        display: block;
        visibility: hidden;
        /*设置元素的可见性，hidden代表元素不可见。虽然元素不可见，但是在文档中的位置还占据着。*/
    }

.box-big {
    padding: 0 vw(30);
    .title {
        border-bottom: 1px solid #e6e6e6;
        >p:first-of-type {
            margin-bottom: vw(18);
            font-size: vw(30);
            font-weight: bold;
        }
        .eye {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin-bottom: vw(50);
            font-size: vw(22);
            color: #939393;
            img {
                margin: 0 vw(10) 0 vw(20);
                width: vw(21);
                height: vw(14);
            }
            >p {
                font-size: vw(20);
            }
        }
        .text {

            font-size: vw(22);
            line-height: vw(26);
            color: #8b8b8b;
        }
        >img {
            margin: vw(25) 0 vw(29) 0;
            height: vw(336);
        }
    }

}
.call {
    padding: vw(39) 0 vw(50) 0;
    .call-title {
        padding-left: vw(30);
        font-size: vw(28);
        color: #8e8d8d;
    }
    .red-box {
        margin-top: vw(10);
        padding: vw(18) 0;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        align-items: center;
        background-color: #b20000;
        .item {
            display: flex;
            display: -webkit-flex;
            justify-content: center;
            align-items: center;
            width: vw(213);
            height: vw(115);
            border-right: 1px solid #fff;

            .box {
                text-align: center;
                width: vw(182);
                height: vw(84);
                img {
                    width: vw(44);
                    height: vw(41);
                    margin-bottom: vw(20);
                }
                >p {
                    color: #fff;
                    font-size: vw(22);
                    width: 100%;
                }

            }
        }
    }
}


}